<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>html5基础语法</title>
	</head>
	<body bgcolor="red-1">
		<!-- 叫法：标记、元素 
        <W3c规定单词：特殊含义，表示页内效果>
		标记分为：前标记、后标记
		元素：前标记+后标记+内容【元素之间是可以嵌套】
		-->
		前标记：<p> +内容 后标记：</p>
		<!-- body主题区域：文本、图片 超链接、表格-->
		<!-- 一、文本元素群 -->
		<!-- 1.特殊文本【实业/体字符 
		&copy; 代表版权
		&reg; 代表商标
		&lt;小于号
		&gt;大于号
		&nbst;一个空格
		-->
		&copy;版权
		&reg;商标
		&lt;小于号
		&gt;大于号
		&nbst;一个空格
		<!-- 2.假文【占字符】 -->
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus consequuntur perferendis tempore voluptas aspernatur labore laboriosam, dignissimos quia id repellat, consectetur asperiores sit maiores quaerat dolorum. Pariatur, accusamus. Facilis, eum!
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet, distinctio. Voluptatibus nemo, voluptate repudiandae ad totam quia saepe nesciunt ipsa illo aut praesentium aliquid molestias. Inventore earum nulla minus deleniti.
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat officia quae repudiandae modi ipsum odio laudantium unde, pariatur perspiciatis est ipsam libero, necessitatibus quas, maxime quasi recusandae ab culpa. Consequuntur!
	<!-- 3.文本样式元素：精灵图 -->
	<i>文本倾斜</i>
	<b>文本加粗</b>
	<u>文本下划线</u>
	<del>文本删除线html4.0</del>
	<s>文本删除线hemls.0</s>
	2<sup>2</sup>
	文言文<sub>解释</sub>
	<!-- 4.标题元素：加粗放大 -->
	<h1>标题元素</h1>
	<h2>标题元素</h2>
	<h3>标题元素</h3>
	<h4>标题元素</h4>
	<h5>标题元素</h5>
	<h6>标题元素</h6>
	<!-- 5.分割线元素和换行元素 
	元素分为：封闭型【双】标记和非封闭型【空/单】标记
	非封闭型【空/单】标记 hr  br  写法<hr/>
	                    html5   写法<hr>
	-->
	<hr />
	换行 <br> 换行
	<!-- 6.跑马灯元素 -->
	<marquee >滚滚长江东逝水</marquee>
	<!-- 7.预格式化元素 pre元素：放进去什么，显示什么,包含空格 -->
	<pre>有什么作用~</pre>
	       &ltp&gt静夜思&lt/p&gt
		   窗前明月光，疑是地上霜
		举头望明月。低头思故乡
		</pre>
	<!-- 需求：文本加粗且倾斜 [嵌套]-->
	   <b><i>lorem<i><b>
	   <!-- 8.段落元素-->
	   <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptatem enim totam sequi quasi in consectetur veritatis suscipit. Suscipit quo corrupti dignissimos eius, ducimus qui tempora soluta nihil nobis, quia libero.</p>
	   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab repudiandae culpa consequatur impedit ut provident officiis. Fugit omnis eos architecto facere quibusdam tempore rerum officiis, excepturi voluptatibus ea, quasi fugiat.</p>
	   <!-- 二、元素中的属性与属性值的使用
	            属性与属性值的作用：添加效果【样式】
				语法:<p 属性=“属性值”></p>
				w3c针对元素添加的属性和属性值【不通用】
				注意：属性与属性值可以为多个【没有顺序】
	   -->
	   <p align="right">段落元素</p>
   </body>
</html>